.main{
  //color: red;
  font-size: 14px;
  margin-top: 1px;
  min-height: 730px;
  background: url(../images/bg.png) top center no-repeat;
  background-position: -270px -140px;
  background-color: #f6f6f6;
    .contents{
      margin-left: auto;     /*实现中间居中*/
      margin-right: auto;
      width: 80%;
      background: $contain;
      .photo_roll{
        padding-top: 50px;
        //height: 100px;
        ul{
          height: 100px;
          img{
            height: 400px;
          }
        }
      }


      .secondwrap{
        li{
          list-style-type:none;
        }
        ul{
          margin: 0px;
        }
        a{
          text-decoration: none;
        }
        .secondwrap_left{
          //max-height: 360px;
          overflow: hidden;
          .more{
            font-size: 12px;
            position: absolute;
            right: 15px;
            top: 12px;
          }
          .title{
            border-left:10px $blue solid;
            padding-left: 15px;
            padding-top: 10px;
            padding-bottom: 10px;
            //background-color: opacity($grey1,0.5);
            background-color: rgba($grey1, 0.3);
            margin-bottom: 0px;
          }
          ul{
            padding-left: 0px;
            margin-top: 0px;
            li{
              font-size: 12px;
              overflow:hidden;
              white-space:nowrap;
              text-overflow:ellipsis;
              padding: 5px 10px;
              cursor: pointer;
              border-top: 1px $border_color solid;
              &:hover{
                background-color: $bgcolor;
                a{
                  color: $blue;
                }
              }
              a{
                display: block;
                margin-right: 30px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                color: $grey5;
                i{
                  font-size: 20px;
                  position: relative;
                  top: 2px;
                }
              }
            }
          }
          .news{
            border: 1px solid $border_color;
            background-color: white;
            padding: 0px;
            box-shadow: 10px -3px 40px rgba(0,0,0,.1);
            .newsdata{
              display: block;
              position: relative;
              float: right;
              width: 70px;
              margin-left: -70px;
              font-size: 12px;
              text-align: right;
              color: #888888;
            }
          }
          .notice{
            border: 1px solid $border_color;
            background-color: white;
            padding: 0px;
            box-shadow: 10px -3px 40px rgba(0,0,0,.1);
            .noticedata{
              display: block;
              position: relative;
              float: right;
              width: 70px;
              margin-left: -70px;
              font-size: 12px;
              text-align: right;
              color: #888888;
            }
          }
        }

        .secondwrap_right{
          .recommend-2{
            //margin: 10px 0px 10px 10px;
            border: 1px solid $border_color;
            background-color: white;
            height: 411px;
            a{
              text-decoration: none;
              color: $grey5;
              &:hover{
                color: $red;
                transition-duration: 0.5s;
              }
            }
            ul {
              padding: 0px;
            }
            .title{
              ul{
                padding: 0px;
                li{
                  float: left;
                  padding-top: 10px;
                  //padding-bottom: 10px;
                  font-size: 14px;
                  text-align: center;
                  width: 50%;
                  border-left: 1px solid $grey1;
                  border-bottom: 3px solid $grey1;
                  cursor: pointer;
                  &:hover{
                    border-bottom: 3px solid $red;

                  }
                }
              }
              .recommend-title-active{
                border-bottom: 3px solid $red;
              }
            }

            @mixin recommend-list{
              font-size: 12px;
              li{
                border-top: 1px solid $border_color;
                &:first-child{
                  //margin-top: 10px;
                }
                padding: 10px 20px ;
                //width: 270px;
                overflow: hidden;
                white-space: nowrap;    //文本不换行
                text-overflow: ellipsis;

                &:hover{
                  transition-duration: 0.5s;
                  text-decoration: none;
                  border-left: 15px solid $red;
                  background-color: $grey1;
                }
              }
              .more{
                margin: 10px;
                position: relative;
                display: block;
              }
            }
            .list-article{
              @include recommend-list;
            }
            .list-plan{
              @include recommend-list;
              display: none;
            }


          }
        }

      }

      .thirdwrap{
        margin-top:30px;
        margin-bottom: 30px;
        a{
          text-decoration: none;
          color: $grey5;
          &:hover{
            color: $blue;
          }
        }
        ul{
          //margin: 0px;
          //padding: 0px;
          padding-top: 10px;
          padding-bottom: 10px;
        }
        li{
          list-style-type: none;
          overflow:hidden;
          white-space:nowrap;
          text-overflow:ellipsis;
          padding-right: 80px;
          padding-top: 10px;
        }
        .more{
          font-size: 12px;
          position: absolute;
          right: 15px;
          top: 18px;
        }
        .knowledge{
          background-color: #f2f2f2;
          .title{
            font-size: 24px;
            //font-weight:bold;
            margin: 10px 5px;
            i{
              color:#bace84 ;
              font-size: 32px;
              position: relative;
              top: 2px;
            }
          }
          .small_contents{
            background-color:#e4f0ca;
            font-size: 12px;
          }
        }
        .class{
          background-color: #f2f2f2;
          .title{
            font-size: 24px;
            //font-weight:bold;
            margin: 10px 5px;
            i{
              color:#f0c7aa ;
              font-size: 32px;
              position: relative;
              top: 2px;
            }
          }
          .small_contents{
            background-color:#fae6d9;
            font-size: 12px;
          }
        }
        .information{
          background-color: #f2f2f2;
          .title{
            font-size: 24px;
            //font-weight:bold;
            margin: 10px 5px;
            i{
              color:#afd4dc ;
              font-size: 32px;
              position: relative;
              top: 2px;
            }
          }
          .small_contents{
            background-color:#d6eef2;
            font-size: 12px;
          }
        }

      }

      .index-section {
        margin-bottom: 20px;
        .container {
          width: 100%;
          text-align: center;
          position: relative;
          .button-course {
            display: inline-block;
            position: absolute;
            width: 4%;
            top: 238px;
            background-color: #fff;
          }
          .button-left {
            left: 3px;
            button {
              border: none;
              opacity: .5;
              filter:alpha(opacity=50);
              padding: 26px 8px;
              background-color: #fff;
              i {
                font-size: 36px;
                color: $primaryColor;
              }
              &:hover {
                opacity: .9;
                filter:alpha(opacity=90);
              }
            }
          }
          .button-right {
            right: 3px;
            button {
              border: none;
              opacity: .5;
              filter:alpha(opacity=50);
              padding: 26px 8px;
              background-color: #fff;
              i {
                font-size: 36px;
                color: $primaryColor;
              }
              &:hover {
                opacity: .9;
                filter:alpha(opacity=90);
              }
            }
          }
          .head-course {
            text-align: left;
            margin-top: 40px;
            margin-bottom: 25px;
            margin-left: 3%;
            margin-right: 4%;
            .nav {
              margin-top: 28px;
              li {
                display:inline-block;
                padding: 0;
                padding-right: 8px;
                padding-left: 6px;
                border-right: 1px dashed #8b8b8b;
                a {
                  padding: 2px 16px;
                  border-radius: 4px;
                  &:hover {
                    background-color: $primaryColor;
                    color: #fff;
                    border-radius: 4px;

                  }
                }
                a.active {
                  background-color: $primaryColor;
                  color: #fff;
                }
              }
              li:last-child {
                border-right: none;
              }
            }
            h2 {
              display: inline-block;
              font-size: 22px;
              position: relative;
              span {
                padding: 0 20px;
                background-color: #fff;
                letter-spacing: 1px;
                position: relative;
                z-index: 1;
              }
              &:after {
                content: '';
                position: absolute;
                background: #efefef;
                height: 1px;
                left: 0;
                right: 0;
                top: 13px;
              }
            }
          }
        }
      }

      .index-about {
        margin-top: 30px;
        text-align: center;
        background-color: #f6f6f6;
        padding-bottom: 30px;
        h2 {
          background-color: #f6f6f6;
          margin-top: 40px;
          span{
            background-color: #f6f6f6;
          }
        }
      }
    }
}

footer {
  background-color: $footer-background-color;
  padding: 10px 0 0 0;
  color: #999;
  .site-info {
    padding: 20px 0;
    h3 {
      color: #fff;
      margin: 0;
      padding: 5px 0;
      font-size: 15px;
    }
    p {
      margin: 0;
      font-size: 13px;
      padding: 3px 0;
    }
  }
  .copyright {
    text-align: center;
    padding: 15px 0 5px 0;
    margin-top: 10px;
    font-size: 12px;
    background-color: darken($footer-background-color, 5%);
    p {
      padding: 0;
      margin: 0;
    }
  }
  .contacts {
    span {
      color: #fff;
    }
    a {
      color: #fff;
      display: inline-block;
    }
    .contact-detail {
      margin-top: 10px;
    }
    p {
      i {
        margin-right: 10px;
      }
    }
  }
  .contact-icon {
    width: 33px;
    height: 33px;
    margin: 0 4px;
    border: 1px solid #fff;
    font-size: 18px;
    border-radius: 50%;
    text-align: center;
    line-height: 33px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
  }

  .fa-weibo {
    &:hover {
      background-color: #E6162D;
      border-color: #E6162D;
    }
  }
  .fa-weixin {
    &:hover {
      background-color: #15C286;
      border-color: #15C286;
    }
  }
  .fa-qq {
    &:hover {
      background-color: #1F98D9;
      border-color: #1F98D9;
    }
  }
  .fa-renren {
    &:hover {
      background-color: #217DC6;
      border-color: #217DC6;
    }
  }
}